<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  xmlns:th="http://www.thymeleaf.org"
>
<head>
  <title>非法信息文件列表</title>
</head>
<body>
<div
  layout:fragment="content"
  class="container"
  id="app" v-cloak
>
  <!--引入边框角-->
  <div th:replace="components/common-border-bg::common-border-bg"></div>
  <div class="con_mid">
    <div class="section-title"><i class="tit_ico1"></i>非法信息文件列表</div>
    <table
      width="100%"
      cellpadding="0"
      cellspacing="0"
      class="list-table"
    >
      <tbody>
      <tr align="center">
        <td class="TitleTD">文件名称</td>
        <td class="TitleTD">文件大小</td>
        <td class="TitleTD">创建时间</td>
        <td
          class="TitleTD"
          align="center"
        >操作
        </td>
      </tr>
      <tr v-for="{id, name, size, createTime} in list">
        <td>{{name}}</td>
        <td>{{size}}</td>
        <td>{{dateFormat(new Date(createTime))}}</td>
        <td>
          <button>操作</button>
        </td>
      </tr>
      <tr v-if="list.length === 0">
        <td
          align="center"
          colspan="10"
        >没有任何非法信息文件。
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</div>
<div layout:fragment="js">
  <script src="/static/js/module/illegal-monitor/admin_illegal_file.js"></script>
</div>
</body>
</html>
